<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aanmeldapplicatie</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<div id="page">
<!-- header on -->
<header class="gl-header">
  <div class="gl-inner cf">
  	<h1 class="bl-hd-school">Annie M.G. Schmidtschool</h1>
    <div class="bl-hd-location">
    	<select>
      	<option value="1">De Graaflaan</option>
        <option value="2">Van Hoornbeekstraat</option>
        <option value="3">Doedijnstraat</option>
      </select>
    </div>
    <dl class="bl-hd-user">
    	<dt>andre.jilderda@angistudio.com</dt>
      <dd class="el-mail"><a href="#" title="Correspondentie">Correspondentie</a></dd>
      <dd><a href="#" title="Instellingen">Instellingen</a></dd>
      <dd><a href="#" title="Uitloggen">Uitloggen</a></dd>
    </dl>
  </div>
</header>
<!-- header off -->
<!-- content on -->
<div class="gl-tabs">
	<div class="gl-inner cf">
  	<ul class="bl-ls-tabs">
      <li><a href="#" title="Overzicht">Overzicht</a></li>
      <li class="el-active"><a href="#" title="2016/2017">2016<span>/</span>2017</a></li>
      <li><a href="#" title="2017/2018">2017<span>/</span>2018</a></li>
    </ul>
    <div class="bl-ls-search">
    	<p><a class="el-modal" href="#" title="Kind zoeken of aanmelden"><span>Kind zoeken <em>of</em> aanmelden</span></a></p>
      <div class="bl-sh-modal">
        <div class="bl-sh-form">
        	<form action="include/search-empty.json">
            <div class="un-form-bsn" data-radio-id="type_bsn">
              <div class="cf">
                <p class="un-col">
                  <label>Vul BSN in.</label>
                  <input type="text" id="code_bsn" value="">
                  <button class="el-btn-orange" type="submit"><span>Ga</span></button>
                </p>
              </div>
            </div>
            <div class="un-form-name" data-radio-id="type_name">
              <div class="cf">
                <p class="un-col">
                  <label>Achternaam</label>
                  <input class="el-small" type="text" id="code_name" value="">
                </p>
                <p class="un-col">
                  <label>Geboortedatum</label>
                  <input class="el-small" type="text" value="">
                  <button class="el-btn-orange" type="submit"><span>Ga</span></button>
                </p>
              </div>
            </div>
            <ul class="un-form-type cf">
              <li><input type="radio" name="type_zoek" id="type_bsn" /><label for="type_bsn">BSN</label></li>
              <li><input type="radio" name="type_zoek" id="type_name" /><label for="type_name">Achternaam, geboortedatum</label> </li>
              <li><a class="el-help" data-position="e" href="#tip_zoek"></a></li>
            </ul>
            <!-- tooltip content on -->
            <div class="un-tip-data" id="tip_zoek">
              <h4>Zoek kind</h4>
              <p>In GBA staan gegevens van kinderen van 1-jarige leeftijd. Om een kind aan te melden, wijzigen of af te melden kunt u een kind vinden op BSN of briefcode. Als alternatief kunt ook op achternaam en geboortedatum zoeken. Als een kind niet gevonden wordt kunt u deze alsnog  aanmelden.</p>
            </div>
            <!-- tooltip content off -->
          </form>
        </div>
        <div class="bl-sh-info">
          <h4>Kinderen buiten Den Haag of zonder BSN</h4>
          <p>Soms kunt u een kind niet vinden. Bijvoorbeeld als een kind buiten Den Haag woont of geen BSN heeft. In dit geval kunt u de gegevens handmatig invoeren op een lege kindkaart.</p>
          <p><a href="#" title="Een kind handmatig invoeren">Een kind handmatig invoeren</a></p>
        </div>
      </div>
    </div>

  </div>
</div>
<div class="gl-def">
	<div class="gl-inner cf">
		
		<section class="bl-ls-top cf">
			<div class="un-ls-ttl">
        <h1>Leerlingen voor jaar 2016/2017 <span>Leerlingenplafond 35</span></h1>
        <p>Voor het schooljaar 2016/2017 kunt u kinderen voorlopig toelaten. In het kader van de</p>
        <p>Wet Passend Onderwijs kunt u kinderen na hun derde verjaardag definitief toelaten.</p>
		  </div>
		</section>

		<div class="w-tabs">		
			<section class="bl-ls w">
				<div class="un-ls-filter cf">
					<ul>
						<li class="totaal"><a href="#" title="Totaal"><strong><span>Totaal</span> <em>(6)</em></strong></a></li>
						<li class="te_verwerken el-active"><a href="#" title="Te verwerken"><strong><span>Te verwerken</span> <em>(4)</em></strong></a></li>
						<li class="toelaten"><a href="#" title="Toelaten"><strong><span>Toelaten</span> <em>(1)</em></strong></a></li>
						<li class="afwijzen"><a href="#" title="Afwijzen"><strong><span>Afwijzen</span> <em>(1)</em></strong></a></li>
					</ul>
				</div>
				<div class="un-ls-action un-ls-tp cf w m">
					<dl>
						<dd class="el-print"><a href="#" title="Printen">Printen</a></dd>
						<dd class="el-save"><a href="#" title="Downloaden">Download Excel sheet</a></dd>
					</dl>
				</div>
				
				<div class="t-w">
					<table>
						<thead>
							<tr>
								<th data-sort="string" class="el-name el-first-name">Voornaam</th>
								<th data-sort="l-word" class="el-name el-last-name">Achternaam</th>
								<th data-sort="date" class="el-date">Geb. datum</th>
								<th data-sort="string" class="el-gender">M/V</th>
								<th title="Overgangs regeling" data-sort="reverse-string" class="el-norm-l">Overgangs- regeling</th>
								<th title="Broertje/Zusje" data-sort="reverse-string" class="el-norm-l">Broertje/ zusje</th>
								<th data-sort="reverse-string" class="el-norm-l">Grond- slag</th>
								<th title="Criterium X" data-sort="reverse-string" class="el-norm-main">Beslissings- termijn</th>
								<th colspan="2" class="el-choose">
									<div class="el-fix">
										<span></span>
										<p class="el-how"><a href="#" title="Wat gebeurt als ik kies?">Wat gebeurt er als ik kies?</a></p>
									</div>
									<p>Uw keuze:</p>
									<ul class="cf">
										<li>Toelaten</li>
										<li class="el-of">of</li>
										<li>Afwijzen</li>
									</ul>
								</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="el-name">Aukje</td>
								<td class="el-name">van Aartsen</td>
								<td>02-07-2012</td>
								<td>V</td>
								<td><span class="el-true">&#9679;</span></td>
								<td><span class="el-false">&#9675;</span></td>
								<td><span class="el-false">&#9675;</span></td>
								<td><span class="el-time">nog 6 weken</span></td>
								<td class="el-permit"><a href="#" title="Toelaten">Toelaten</a></td>
								<td class="el-reject"><a href="#" title="Afwijzen">Afwijzen</a></td>
							</tr>
							<tr>
								<td class="el-name">Baue</td>
								<td class="el-name">Albeda</td>
								<td>12-08-2012</td>
								<td>M</td>
								<td><span class="el-true">&#9679;</span></td>
								<td><span class="el-true">&#9679;</span></td>
								<td><span class="el-true">&#9679;</span></td>
								<td><span class="el-time">nog 3 weken</span></td>
								<td class="el-permit"><a href="#" title="Toelaten">Toelaten</a></td>
								<td class="el-reject"><a href="#" title="Afwijzen">Afwijzen</a></td>
							</tr>
							<tr>
								<td class="el-name">Annemarie</td>
								<td class="el-name">Belvedere</td>
								<td>01-09-2012</td>
								<td>V</td>
								<td><span class="el-false">&#9675;</span></td>
								<td><span class="el-true">&#9679;</span></td>
								<td><span class="el-true">&#9679;</span></td>
								<td><span class="el-time-soon">nog 1 week</span></td>
								<td class="el-permit"><a href="#" title="Toelaten">Toelaten</a></td>
								<td class="el-reject"><a href="#" title="Afwijzen">Afwijzen</a></td>
							</tr>
							<tr>
								<td class="el-name">Aart</td>
								<td class="el-name">van de Weteringen</td>
								<td>03-05-2012</td>
								<td>M</td>
								<td><span class="el-false">&#9675;</span></td>
								<td><span class="el-true">&#9679;</span></td>
								<td><span class="el-true">&#9679;</span></td>
								<td><span class="el-time-soon">nog 3 dagen</span></td>
								<td class="el-permit"><a href="#" title="Toelaten">Toelaten</a></td>
								<td class="el-reject"><a href="#" title="Afwijzen">Afwijzen</a></td>
							</tr>
						</tbody>
						<tfoot>
							<tr>
								<td class="w"></td>
								<td class="w"colspan="7"></td>
								<td colspan="2" class="el-choose"></td>
							</tr>
							<tr>
								<td class="w"></td>
								<td class="w"colspan="7"></td>
								<td class="w el-size">0 toelaten</td>
								<td class="w el-size">0 afwijzen</td>
							</tr>
						</tfoot>
					</table>
				</div>
			</section>
			
		</div>
	</div>
</div>
<!-- content off -->
<!-- footer on -->
<footer class="gl-footer">
	<div class="gl-inner cf">
    <ul class="bl-ft-nav">
      <li><a href="#" title="Handleiding">Handleiding</a></li>
      <li><a href="#" title="Helpdesk">Helpdesk</a></li>
      <li class="el-external"><a href="#" title="Meer informatie">Meer informatie</a></li>
    </ul>
    <div class="bl-ft-logos">
    	<p>Initiatief van het Platform Primair Onderwijs en de gemeente Den Haag</p>
      <figure><a href="#" title="Den Haag"><img src="images/ft-logo-dh.gif" alt="Den Haag"></a></figure>
      <figure><a href="#" title="PPO"><img src="images/ft-logo-ppo.gif" alt="PPO"></a></figure>
    </div>
  </div>
</footer>
<!-- footer off -->
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>